﻿.visual-studio-2012-fix {
     // The current class is invented and there is no real use of it.
     // It simply fixes the bug when using LESS in Visual Studio 2012.
     // The bug prevents from starting to write LESS document with a comment.
 }

.clearfix{
	zoom:1;
	&:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
}
.linear-gradient(){
background-image: linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -o-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -moz-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -webkit-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -ms-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(205,144,249)),
	color-stop(0.18, rgb(146,21,242))
);	
}

body {
    ul, li, dl, dt, dd, h1, h2, p, input, a, button {
        margin: 0;
        padding: 0;
        font-family: Helvetica;
        text-decoration: none;
    }

    h1, h2 {
        margin-bottom: 5px;
    }

    color: white;
    margin-right: 42px;

    li {
        list-style-type: none;
    }

    .linear-gradient;

    & > header {
        margin-top: 30px;
    }

    header {
        div {
            form {
                margin-right: 62px;
            }

            &#header-container {
                .clearfix;
            }

            &#reg-form-container {
                float: right;
            }

            &#logo-container {
                float: left;
            }

            input {
                border: 1px solid #603382;
                border-radius: 10px;
                background: #b35ef3;
                margin-bottom: 5px;
                margin-left: 5px;
            }

            button {
                border: 1px solid #603382;
                border-radius: 10px;
                background: #b35ef3;
                border-top-color: white;
                border-left-color: white;
                padding: 5px 10px;
                font-weight: bold;
                color: white;
            }
        }

        nav {
            .clearfix;
            margin: 35px 26px;
            border: 1px solid black;
            padding: 15px;
            width: 911px;
            border-radius: 18px;

            ul {
                list-style: none;


                li {
                    float: left;

                    a {
                        color: white;
                    }

                    margin-right: 15px;
                }

                ul {
                    display: none;
                }
            }
        }
    }

    section {
        float: left;
        width: 67%;
        margin-bottom: 5px;
        margin-left: 8px;

        a {
            color: #d0a3f7;
        }

        article {
            border: 1px solid black;
            padding: 24px 21px;
            border-radius: 10px;
            margin-bottom: 23px;

            footer {
                text-align: right;
            }
        }
    }

    aside {
        float: right;
        width: 30%;

        a {
            color: #d0a3f7;
        }

        & > ul {
            ul {
                list-style-image: url('images/li-dot.png');
                margin-left: 35px;
            }

            & > li {
                border: 1px solid black;
                padding: 15px;
                border-radius: 5px;
            }
        }
    }
    & > footer {
        text-align: center;
        clear: both;
        margin: 10px 0;
        margin-bottom: 29px;
    }
}
